(function(jQuery){
	$(function(){

		
		var imgIndex =0;
		var $cloneImg=$(".banner img:first").clone();
		$(".banner .auto").append($cloneImg);
        function autoplay(){
			imgIndex++;
			if(imgIndex>$('.banner img').length-1){
				imgIndex=1;
				$('.banner .auto').css({left:0})
			}
			if(imgIndex<$('.banner img').length-1){
                $(".banner ul li").eq(imgIndex).css("background","#fff").siblings().css("background","#000");
			}else{
                $(".banner ul li").eq(0).css("background","#fff").siblings().css("background","#000");
			}
			$('.banner .auto').animate({left:-imgIndex*1000},1000);
			
		}
		
		var timer=setInterval(autoplay,2000);
        $(".prev").click(function(){
            clearInterval(timer);
            imgIndex=imgIndex-1;
            if(imgIndex<=0){
                imgIndex=0;
            }
            $(".banner ul li").eq(imgIndex).css("background","#fff").siblings().css("background","#000");
            $(".banner .auto").animate({left:-1000*imgIndex},1000);
            timer=setInterval(autoplay,2000);
        })

        $(".next").click(function(){
            clearInterval(timer);
            imgIndex=imgIndex+1;
            if(imgIndex>4){
                imgIndex=4;
            }

            $(".banner ul li").eq(imgIndex).css("background","#fff").siblings().css("background","#000");
            $(".banner .auto").animate({left:-1000*imgIndex},1000);
            timer=setInterval(autoplay,2000);
        })
        $(".banner").mouseenter(function(){
            clearInterval(timer);


        })
        $(".banner ul li").click(function(){
            imgIndex=$(this).index();
            $(this).css("background","#fff").siblings().css("background","#000");
            $(".banner .auto").animate({left:-1000*imgIndex},1000);
            timer=setInterval(autoplay,2000);
        })
        $(".banner").mouseleave(function(){
            clearInterval(timer);
            timer=setInterval(autoplay,2000);
        })

		//商品显示

        $.ajax({
			url:"../../server/getlist.php"
		}).then(function (res) {
			let str=``;
			res.forEach((ele,index)=>{
                str+=`<li>
							<a href="./list.html?gid=${ele.gid}" class="pho"><img src="${ele.img[0]}"/></a>
							<p><a href="./list.html?gid=${ele.gid}">${ele.goodsName}</a></p>
							<div class="below">
								<em>￥${ele.newPrice}</em>
								<span><b>￥${ele.oldPrice}</b><u>(${ele.discount})</u><i>新品上市</i></span>
								<a href="javascript:;;"></a>
							</div>
						</li>`;
            })

            $(".one .content ul").html(str);
        })
	})
    $(function () {
        //左侧栏点击楼梯事件
        $(".leftbar li").not(".leftbar li:first").click(function(){
            let index=$(this).index()-1;

            if(index<3){
                let $top=$(".louti").eq(index).offset().top;

                $("html,body").animate({
                    scrollTop:$top
                },1000).siblings().stop(true,true);
            }
        })
    })

})(jQuery)
